<template>
	<!-- *********************** 头部*************************************** -->
	<div>
		<el-col :span="24" class="header">
			<el-row>
				<el-col :span="12">
					<div class="grid-content">
						<el-col :span="20" class="logo">
							<div class="flex align_items_center">
								<!-- <img class="w_40 m_r_20" src=''> -->
								<span class="white_nowrap" style="font-weight:650;">君实生物科技官网后台</span>
							</div>

						</el-col>
					</div>
				</el-col>

				<el-col :span="12">
					<div class="grid-content">
						<el-row>
							<el-col :span="24">
								<div class="flex justify_content_end">
									<div class="grid-content m_r_20">

										<div class="userinfo">
											<div trigger="click">
												<div class="el-dropdown-link userinfo-inner flex align_items_center white_nowrap">
													<div class="m_r_20">
														<!-- {{name}} -->
														<el-dropdown style="color: #FFFFFF;">
															<span>
																{{name}}<i class="el-icon-arrow-down el-icon--right"></i>
															</span>
															<el-dropdown-menu slot="dropdown">
																<!-- <el-dropdown-item @click.native="editPass">更改密码</el-dropdown-item> -->
																<el-dropdown-item @click.native="backLogin">退出登录</el-dropdown-item>
															</el-dropdown-menu>
														</el-dropdown>
													</div>
												</div>
											</div>
										</div>

									</div>
									<!-- <div class="flex justify_content_end m_r_20 hand" @click="backLogin">退出登录</div> -->
								</div>
							</el-col>
						</el-row>
					</div>
				</el-col>
			</el-row>
		</el-col>
		<!--  新建弹框 -->
		<el-dialog title="更改密码" :visible.sync="dialogFormVisible" width="30%" :close-on-click-modal="false">
			<el-form :model="form1" ref="form1">
				<el-form-item label="用户名" :label-width="formLabelWidth">
					<el-input v-model="form1.username" autocomplete="off" disabled></el-input>
				</el-form-item>
				<!-- <el-form-item label="备注" :label-width="formLabelWidth" >
					<el-input v-model="form1.remarks" autocomplete="off"></el-input>
				</el-form-item> -->
				<el-form-item label="密码" :label-width="formLabelWidth">
					<el-input v-model="form1.password" autocomplete="off" type="password"></el-input>
				</el-form-item>
				<el-form-item label="确认密码" :label-width="formLabelWidth">
					<el-input v-model="form1.password2" autocomplete="off" type="password"></el-input>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="resetForm">取 消</el-button>
				<el-button type="primary" @click="submitAdd">确 定</el-button>
			</div>
		</el-dialog>
	</div>
</template>

<script>
	import methods from './method'
	import data from './data'
	export default {
		data() {
			return data.init();
		},
		created() {},
		methods: methods,
		mounted() {
			this.name = JSON.parse(localStorage.getItem(this.sy)).admin_name + this.CalculationTime();
		}
	}
</script>

<style scoped="scoped" lang="less">
	.header {
		height: 60px;
		line-height: 60px;
		background: #1a1b20;
		color: rgba(255, 255, 255, 0.74) !important;


		.logo {
			font-size: 22px;
			margin-left: 20px;


		}
	}
</style>
